﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master"
    CodeBehind="EditProfile.aspx.vb" Inherits="VW_Passat_Community.EditProfile" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        .style1
        {
            text-align: center;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h1 class="headline3">
        Edit your Profile</h1>
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div style="width: 346px" id="displayleft">
        <h4>
            Upload your Profile Picture</h4>
        <asp:Image ID="userImage" runat="server" Height="218px" ImageUrl="~/Images/User.png"
            Width="227px" />
        <asp:FileUpload ID="txtImage" runat="server" Height="22px" Width="280px" />
        <div id="Div1">
            <h4 class="style1">
                Tell us MORE ABOUT your passion ON cars</h4>
            <br />
            <div class="left2">
                <label>
                    About Me:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtAboutMe" runat="server" TextMode="MultiLine" CssClass="textbox"
                    Height="105px" Width="251px"></asp:TextBox>
            </div>
        </div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Button ID="txtSubmit" runat="server" Text="Save Changes" CssClass="buttons"
            Width="118px" />
        <br />
    </div>
    <div style="width: 676px" id="displayright">
        <h4 class="style1">
            Enter your personal details</h4>
        <br />
        <div>
            <div class="left">
                <label>
                    Title</label>
            </div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:DropDownList ID="txtTitle" runat="server" CssClass="textbox">
                    <asp:ListItem>Mr.</asp:ListItem>
                    <asp:ListItem>Mrs.</asp:ListItem>
                    <asp:ListItem>Dr</asp:ListItem>
                    <asp:ListItem>Miss</asp:ListItem>
                    <asp:ListItem>Rev.</asp:ListItem>
                    <asp:ListItem></asp:ListItem>
                </asp:DropDownList>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    First Name:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtFirstName" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Last Name:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtLastName" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Date of Birth:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtDOB" runat="server" CssClass="textbox"></asp:TextBox>
                <asp:CalendarExtender ID="txtDOB_CalendarExtender" runat="server" Enabled="True"
                    TargetControlID="txtDOB">
                </asp:CalendarExtender>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Address 1:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtAddress1" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Address 2:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtAddress2" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Town:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtTown" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    City:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtCity" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Post Code:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtPostCode" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Tel No:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtTelNo" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Gender:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:DropDownList ID="txtGender" runat="server" CssClass="textbox" Width="136px">
                    <asp:ListItem>Male</asp:ListItem>
                    <asp:ListItem>Female</asp:ListItem>
                </asp:DropDownList>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Preferred Fuel:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:DropDownList ID="txtPreferredFuel" runat="server" CssClass="textbox" Width="136px">
                    <asp:ListItem>Petrol</asp:ListItem>
                    <asp:ListItem>Diesel</asp:ListItem>
                    <asp:ListItem>Gas</asp:ListItem>
                </asp:DropDownList>
            </div>
        </div>
        <br />
        <div>
            <div class="left">
                <label>
                    Favourite Colour:</label></div>
            &nbsp;&nbsp;&nbsp;
            <div class="right">
                <asp:TextBox ID="txtFavouriteColour" runat="server" CssClass="textbox"></asp:TextBox>
            </div>
        </div>
        <br />
    </div>
</asp:Content>
